@import url(reset.less); // 重置浏览器样式
// 基础参数
@default-unit: 10px;
@content-width: 1200px;

.height-default {
	height: @default-unit * 4;
	line-height: @default-unit * 4;
}

.height-default2 {
	height: @default-unit * 2.4;
	line-height: @default-unit * 2.4;
}

.font-family {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Avenir', 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

.font-default {
	.font-family;
	font-size: @default-unit * 1.2;
	font-weight: 500;
}

// 常用样式 [缩略图]
.thumbnail {
	line-height: 1.42857143;
	display: block;
	padding: @default-unit * .4;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
	border: @default-unit * .1 solid #ddd;
	border-radius: @default-unit * .4;
	background-color: #fff;

	img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

}

// 常用样式 [置顶按钮]
.el-backtop {
	color: @color-default;

	span {
		width: 100%;
		background-color: @color-white;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 6px;
		text-align: center;
		line-height: 40px;
	}

	&:hover {
		color: @color-primary;
	}

}
